<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <h:form id="frmCrearLibro">
        <h:panelGrid id="pnlGridCrearLibro" columns="4" styleClass="pnlGridPequenio">
            <p:outputLabel for="txtNombreLibro" value="Nombre del Libro" />
            <p:inputText id="txtNombreLibro" value="#{libroController.libro.nombre}" required="true" />

            <p:outputLabel for="txtNombreGrupo" value="Nombre del Grupo" />
            <p:inputText id="txtNombreGrupo" value="#{libroController.grupo.nombre}" required="true" />
        </h:panelGrid>

        <div class="divTextAreaPequenio">
            <p:outputLabel for="txtDescripcionLibro" value="Descripción del Libro" />
            <p:inputTextarea id="txtDescripcionLibro" styleClass="txtAreaPequenio" 
                             value="#{libroController.libro.descripcion}" maxlength="250" required="true" />
        </div>

        <div class="divTextAreaPequenio">
            <p:outputLabel for="txtDescripcionGrupo" value="Descripción del Grupo" />
            <p:inputTextarea id="txtDescripcionGrupo" styleClass="txtAreaPequenio"
                             value="#{libroController.grupo.descripcion}" maxlength="250" required="true" />
        </div>

        <div styleClass="buttonBar">
            <p:commandButton id="btnCrearLibro" value="Aceptar" process="frmCrearLibro" 
                             update="frmCrearLibro" actionListener="#{libroController.crearLibro}" />
            <p:commandButton id="btnCancelar" value="Cancelar" process="@this"
                             action="#"
                             icon="ui-icon-cancel" />
        </div>
    </h:form>
</ui:composition>
